<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>品优购</title>
		<!--引入favicon样式-->
		<link rel="shortcut icon" href="favicon.ico" />
		<!--引入初始化样式-->
		<link rel="stylesheet" type="text/css" href="css/base.css"/>
		<!--引入公共样式-->
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<!-- 引入单独样式 -->
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>
	<body>
		<!--快捷导航栏开始-->
		<div class="shortcut">
			<div class="fl w">
				<ul>
					<li>品优购欢迎您！！！</li>
					<li><a href="#">请登录</a><a href="#">免费注册</a></li>
				</ul>
			</div>
			<div class="fr w">
				<ul>
					<li><a href="#">网站导航</a><i></i></li>
					<li>|</li>
					<li><a href="#"style="color: #97c9e4;">客户服务</a><i></i></li>
					<li>|</li>
					<li><a href="#" style="color:  #97c9e4;">我的品优购</a></a><i></i></li>
					<li>|</li>
					<li><a href="#">关注品优购</a></li>
					<li>|</li>
					<li><a href="#">企业采购</a></li>
					<li>|</li>
					<li><a href="#">品优购会员</a><i></i></li>
					<li>|</li>
					<li><a href="#">我的订单</a></li>
				</ul>
			</div>
		</div>
		<!--快捷导航栏结束-->
		<!--head标签开始-->
		<div class="head w">
			<div class="logo">
				<img src="images/head_logo.png" />
			</div>
			<div class="input">
				<div class="search">
					<input type="text" />
					<span>搜索</span>
				</div>
				<div class="hotwrods">
					<ul>
						<li><a href="#" style="color: red;">品优购首发</a></li>
						<li><a href="#">亿元优惠</a></li>
						<li><a href="#">9.9团购</a></li>
						<li><a href="#">每满99-30</a></li>
						<li><a href="#">9.9团购</a></li>
						<li><a href="#">办公优惠</a></li>
						<li><a href="#">满600-300</a></li>
					</ul>
				</div>
			</div>
			<div class="shopingcar">
				<ul>
					<a href="#">
					<li><i></i></li>
					<li>我的购物车</li>
					</a>
				</ul>
				<div class="shopingcarnub">
					<i>8</i>
				</div>
			</div>
		</div>
		<!--head标签结束-->
		<!--nav导航栏开始-->
		<div class="nav">
			<div class="w">
				<div class="dropdown">
					<div class="dd">
						全部商品分类
					</div>
					<div class="dt">
						<ul>
						<li><a href="#">家用电器</a></li>
						<li><a href="#">手机、电脑、数码</a></li>
						<li><a href="#">鞋靴、箱包、珠宝、奢侈品</a> </li>
                        <li><a href="#">运动户外、钟表</a> </li>
                        <li><a href="#">汽车、汽车用品</a> </li>
                        <li><a href="#">母婴、玩具乐器</a> </li>
                        <li><a href="#">食品、酒类、生鲜、特产</a> </li>
                        <li><a href="#">医药保健</a> </li>
                        <li><a href="#">图书、音像、电子书</a> </li>
                        <li><a href="#">彩票、旅行、充值、票务</a> </li>
                        <li><a href="#">理财、众筹、白条、保险</a> </li>
						</ul>
					</div>
				</div>
				<div class=" navitems">
					<ul>
						<li><a href="#">afsabn</a></li>
						<li><a href="#">acfa</a></li>
						<li><a href="#">acbafn</a></li>
						<li><a href="#">an</a></li>
						<li><a href="#">acbfafn</a></li>
						<li><a href="#">ac</a></li>
						<li><a href="#">acn</a></li>
					</ul>
				</div>
			</div>	
		</div>
		<!--nav导航栏结束-->
		<!-- main主体部分开始 -->
		<div class="w">
			<div class="main">
				<div class="focus">
					<img src="upload/main_picture.png" />
					<div class="prev"></div>
					<div class="next"></div>
					<div class="picnav">
						<ul>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
						</ul>
					</div>
				</div>
				<div class="newflash">
					<div class="newflash_head">
						<div>
							<p>品优购快报</p>
							<i>更多></i>
						</div>
					</div>
					<div class="newflash_text">
						<ul>
							<li><i>[特惠]</i>  备战开学季 全民半价数码购</li>
							<li><i>[特惠]</i>  备战开学季 全民半价数码购</li>
							<li><i>[特惠]</i>  备战开学季 全民半价数码购</li>
							<li><i>[特惠]</i>  备战开学季 全民半价数码购</li>
							<li><i>[特惠]</i>  备战开学季 全民半价数码购</li>
						</ul>
					</div>
					<div class="newflash_nav">
						<ul>
							<li class="i1"><a href="#"><i></i><p>电话</p></a></li>
							<li class="i2"><a href="#"><i></i><p>电话</p></a></li>
							<li class="i3"><a href="#"><i></i><p>电话</p></a></li>
							<li class="i4"><a href="#"><i></i><p>电话</p></a></li>
							<li class="i5"><a href="#"><i></i><p>电话</p></a></li>
						</ul>
						<ul>
							<li class="i6"><a href="#"><i></i><p>电话</p></a></li>
							<li class="i7"><a href="#"><i></i><p>电话</p></a></li>
							<li class="i8"><a href="#"><i></i><p>电话</p></a></li>
							<li class="i9"><a href="#"><i></i><p>电话</p></a></li>
							<li class="i10"><a href="#"><i></i><p>电话</p></a></li>
						</ul>
						<ul>
							<li class="i11"><a href="#"><i></i><p>电话</p></a></li>
							<li class="i12"><a href="#"><i></i><p>电话</p></a></li>
							<li class="i13"><a href="#"><i></i><p>电话</p></a></li>
							<li class="i14"><a href="#"><i></i><p>电话</p></a></li>
							<li class="i15"><a href="#"><i></i><p>电话</p></a></li>
						</ul>
					</div>
					<div class="newflash_pic">
						<img src="upload/newflash_pic.png" />
					</div>
				</div>
				
			</div>
		</div>
		<!-- main主体部结束 -->
		<!--推荐模块制作开始-->
		<div class="recom w">
			<div class="recom_hd">
				<img src="upload/recom.png" />
			</div>
			<div class="recom_bd">
				<ul>
					<li><img src="upload/recom2.jpg"></li>
					<li><img src="upload/recom3.jpg"></li>
					<li><img src="upload/recom4.jpg"></li>
					<li><img src="upload/recom5.jpg"></li>
				</ul>
			</div>
		</div>
		<!--推荐模块制作结束-->
		<!--猜你喜欢模块开始-->
		<div class="likes w">
			<div class="likes_nav">
				<b>猜你喜欢</b><p>换一换</p>
			</div>
			<div class="likes_bd">
				<ul>
					<li>
						<a href="#">
						<img src="upload/likes_pic1.png">
						<div class="likes_bd_name"><p>哈福建师范尽快发九分沙发上福建</p></div>
						<h3>￥1599</h3>
						</a>
					</li>
					<li>
						<a href="#">
						<img src="upload/likes_pic2.png">
						<div class="likes_bd_name"><p>哈福建师范尽快发九分沙发上福建</p></div>
						<h3>￥1599</h3>
						</a>
					</li>
					<li>
						<a href="#">
						<img src="upload/likes_pic3.png">
						<div class="likes_bd_name"><p>哈福建师范尽快发九分沙发上福建</p></div>
						<h3>￥1599</h3>
						</a>
					</li>
					<li>
						<a href="#">
						<img src="upload/likes_pic4.png">
						<div class="likes_bd_name"><p>哈福建师范尽快发九分沙发上福建</p></div>
						<h3>￥1599</h3>
						</a>
					</li>
					<li>
						<a href="#">
						<img src="upload/likes_pic5.png">
						<div class="likes_bd_name"><p>哈福建师范尽快发九分沙发上福建</p></div>
						<h3>￥1599</h3>
						</a>
					</li>
					<li>
						<a href="#">
						<img src="upload/likes_pic5.png">
						<div class="likes_bd_name"><p>哈福建师范尽快发九分沙发上福建</p></div>
						<h3>￥1599</h3>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<!--猜你喜欢模块结束-->
		<!--楼城区开始制作-->
		<div class="floor w">
		<!--一楼开始-->
		<div class="floor1_jiadain">
			<div class="floor1_jiadain_hd">
				<h3>家用电器</h3>
				<div class="tab_list">
					<ul>
						<li><a href="" style="color: #c5797d">热门</a></li>
						<li>|</li>
						<li><a href="">大家电</a></li>
						<li>|</li>
						<li><a href="">生活电器</a></li>
						<li>|</li>
						<li><a href="">厨房电器</a></li>
						<li>|</li>
						<li><a href="">应季电器</a></li>
						<li>|</li>
						<li><a href="">空气/净水</a></li>
						<li>|</li>
						<li><a href="">高端电器</a></li>
					</ul>
				</div>	
			</div>
			<div class="floor1_jiadain_bd">
				<div class="floor1_jiadain_bd1">
					<div class="floor1_jiadain_bd1_nav">
						<ul>
                            <li><a href="#">节能补贴</a></li>
                            <li><a href="#">4K电视</a></li>
                            <li><a href="#">空气净化器</a></li>
                            <li><a href="#">IH电饭煲</a></li>
                            <li><a href="#">滚筒洗衣机</a></li>
                            <li><a href="#">海尔热水器</a></li>
                        </ul>
					</div>
					<div class="floor1_jiadain_bd1_pic">
						<img src="upload/floor1_jiadain_bd1.png" />
					</div>
				</div>
				<div class="floor1_jiadain_bd2">
					<img src="upload/floor1_jiadain_bd2.png" />
				</div>
				<div class="floor1_jiadain_bd3">
					<img src="upload/floor1_jiadain_bd3.png" />
					<img src="upload/floor1_jiadain_bd4.png" />
				</div>
				<div class="floor1_jiadain_bd5">
					<img src="upload/floor1_jiadain_bd5.png" />
				</div>
				<div class="floor1_jiadain_bd6">
					<img src="upload/floor1_jiadain_bd6.png" />
					<img src="upload/floor1_jiadain_bd7.png" />
				</div>
				
			</div>
			<div class="floor1_jiadain_ft">
				<img src="upload/floor1_jiadain_ft.png" />
			</div>
		</div>
		<!--一楼结束-->
		<!--二楼开始-->
		<div class="floor2_shouji">
			<div class="floor2_shouji_hd">
				<h3>手机通讯</h3>
				<div class="tab_list">
					<ul>
						<li><a href="" style="color: #c5797d">热门</a></li>
						<li>|</li>
						<li><a href="">大家电</a></li>
						<li>|</li>
						<li><a href="">生活电器</a></li>
						<li>|</li>
						<li><a href="">厨房电器</a></li>
						<li>|</li>
						<li><a href="">应季电器</a></li>
						<li>|</li>
						<li><a href="">空气/净水</a></li>
						<li>|</li>
						<li><a href="">高端电器</a></li>
					</ul>
				</div>	
			</div>
			<div class="floor2_shouji_bd">
				<div class="floor2_shouji_bd1">
					<div class="floor2_shouji_bd1_nav">
						<ul>
                            <li><a href="#">手机通讯</a></li>
                            <li><a href="#">以旧换新</a></li>
                            <li><a href="#">双卡双待</a></li>
                            <li><a href="#">自营配件</a></li>
                            <li><a href="#">金属机身</a></li>
                            <li><a href="#">高清屏幕</a></li>
                        </ul>
					</div>
					<div class="floor2_shouji_bd1_pic">
						<img src="upload/floor2_shouji_bd1.png" />
					</div>
					
				</div>
				<div class="floor2_shouji_bd2">
					<img src="upload/floor2_shouji_bd2.png" />	
				</div>
				<div class="floor2_shouji_bd3">
					<img src="upload/floor2_shouji_bd3.png" />
				</div>
				<div class="floor2_shouji_bd4">
					<img src="upload/floor2_shouji_bd4.png" />
					<img src="upload/floor2_shouji_bd5.png" />
				</div>	
			</div>
			<div class="floor2_shouji_ft">
				<img src="upload/floor2_shouji_ft.png" />
			</div>
		</div>
		<!--二楼结束-->
		</div>
		<!--楼城区制作结束-->
		<!--底部导航栏开始-->
		<div class="footer">
			<div class="w">
			<div class="mod_service">
				<ul>
					<li>
						<div class="tubiao1">
						</div>
						<div class="text">
							<h4>正品保障</h4>
							<p>正品保障,提供发票</p>
						</div>
					</li>
					<li><div class="tubiao2"></div>
						<div class="text">
							<h4>正品保障</h4>
							<p>正品保障,提供发票</p>
						</div>
					</li>
					<li><div class="tubiao3"></div>
						<div class="text">
							<h4>正品保障</h4>
							<p>正品保障,提供发票</p>
						</div>
					</li>
					<li><div class="tubiao4"></div>
						<div class="text">
							<h4>正品保障</h4>
							<p>正品保障,提供发票</p>
						</div>
					</li>
					<li><div class="tubiao5"></div>
						<div class="text">
							<h4>正品保障</h4>
							<p>正品保障,提供发票</p>
						</div>
					</li>
				</ul>
			</div>
			<div class="mod_help">
				<ul>
					<li>
						<div>
							<h4>购物指南</h4>
							<p>购物流程</p>
							<p>会员介绍</p>
							<p>生活旅行</p>
							<p>常见问题</p>
							<p>大家电</p>
						</div>
					</li>
					<li>
						<div>
							<h4>售后服务</h4>
							<p>售后政策</p>
							<p>价格保护</p>
							<p>退款说明</p>
							<p>取消订单</p>
							<p>返修/退换货</p>
						</div>
					</li>
					<li>
						<div>
							<h4>配送方式</h4>
							<p>上门自提</p>
							<p>211限时达</p>
							<p>配送服务查询</p>
							<p>配送收费标准</p>
							<p>海外配送</p>
						</div>
					</li>
					<li>
						<div>
							<h4>特色服务</h4>
							<p>夺宝岛</p>
							<p>DIY装机</p>
							<p>延保服务</p>
							<p>京东E卡</p>
							<p>京东购物指南</p>
						</div>
					</li>
					<li>
						<div>
							<h4>支付方法</h4>
							<p>货到付款</p>
							<p>在线支付</p>
							<p>分期付款</p>
							<p>公司转账</p>
							<p>公司邮寄</p>
						</div>
					</li>
					<li>
						<div>
							<h4>帮助中心</h4>
							<i><img src="images/QR code.jpg" /></i>
						</div>
					</li>
				</ul>
			</div>
			<div class="mod_copyright">
				<div class="mod_copyright_nav">	
					<ul>
						<li><a href="#">关于我们</a></li>
						<li>|</li>
						<li><a href="#">联系我们</a></li>
						<li>|</li>
						<li><a href="#">商家入驻</a></li>
						<li>|</li>
						<li><a href="#">关于我们</a></li>
						<li>|</li>
						<li><a href="#">联系我们</a></li>
						<li>|</li>
						<li><a href="#">商家入驻</a></li>
						<li>|</li>
						<li><a href="#">营销中心</a></li>
						<li>|</li>
						<li><a href="#">友情链接</a></li>
						<li>|</li>
						<li><a href="#">关于我们</a></li>
					</ul>
				</div>
				<div class="mod_copyright_addres">
					<ul>
						<li>互联网出版许可证编号新出网证(京)字150号</li>
						<li>|</li>
						<li>出版物经营许可证</li>
						<li>|</li>
						<li>网络文化经营许可证京网文[2020]6112-1201号</li>
						<li>|</li>
						<li>违法和不良信息举报电话：4006561155</li>
					</ul>
				</div>
			</div>
			</div>
		</div>
		<!--底部导航栏结束-->
	</body>
</html>
